<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	template="../templates/template.xhtml">

	<ui:define name="body">
		<h:form>
		<table width="100%">
			<tr>
				<td align="left">
					<h2>
						<h:outputText value="#{titulos.REGISTRAR_TICKET}" />
					</h2>
				</td>
			</tr>
			<tr>
				<td align="left">
				<f:view encoding="iso-8859-1">
				
				<rich:panelBar height="400">
							
					<h:outputText value="#{ticketAction.iniciarRegistroTicket}" />
					
						<rich:panelBarItem label="Ingresar datos del Ticket">
							<h:panelGrid columns="3">
								<h:outputLabel value="N° Ticket: (*)"/>
								<rich:spacer width="10px" height="30px" />
								<h:inputText id="inNumeroTicket"
									value="#{ticketAction.ticket.idTicket}" size="10">
								</h:inputText>
								
								<h:outputLabel value="Descripción corta: (*)"/>
								<rich:spacer width="10px" height="30px" />
								<h:inputText id="inDescCorta"
									value="#{ticketAction.ticket.descripcionCorta}" style="width: 675px; " size="10">
								</h:inputText>
								
								<h:outputLabel value="Tipo: (*)"/>
								<rich:spacer width="10px" height="30px" />
								<h:selectOneRadio value="#{ticketAction.ticket.tipoTicket}">
   									<f:selectItem itemValue="Incidencia" itemLabel="Incidencia" />
   									<f:selectItem itemValue="Requerimiento" itemLabel="Requerimiento" />
								</h:selectOneRadio>
								
								<h:outputLabel value="Criticidad: (*)"  />
								<rich:spacer width="10px" height="30px" />
								<h:selectOneMenu id="criticidad" required="true"
											value="#{ticketAction.ticket.criticidadTicket}"
											defaultLabel="--Seleccione--"
											style="text-transform: uppercase;background-color:#FAFAFA;">
									<f:selectItem itemLabel="-- Seleccione --" itemValue="-1" />
									<f:selectItems value="#{ticketAction.listaCriticidad}" />
									<rich:beanValidator />
								</h:selectOneMenu>
								
								<h:outputLabel value="Sistema: (*)"/>
								<rich:spacer width="10px" height="30px" />
								<h:panelGrid columns="3">
								<h:selectOneMenu id="sistema" required="true"
											value="#{ticketAction.ticket.idSistema}"
											defaultLabel="--Seleccione--"
											style="text-transform: uppercase;background-color:#FAFAFA;">
									<f:selectItem itemLabel="-- Seleccione --" itemValue="-1" />
									<f:selectItems value="#{ticketAction.listaSistemas}" />
									<rich:beanValidator />
								</h:selectOneMenu>
								
								<rich:spacer width="10px" height="30px" />
								<h:selectOneRadio value="#{escuchador.tipo}">
   									<f:selectItem itemValue="Juris" itemLabel="Jurisdiccional" />
   									<f:selectItem itemValue="Interoper" itemLabel="Interoperabilidad" />
   									<f:selectItem itemValue="Admi" itemLabel="Administrativo" />
   									<f:selectItem itemValue="IntNeg" itemLabel="Inteligencia de Negocios" />
								</h:selectOneRadio>
								</h:panelGrid>
								
								<h:outputLabel value="Descripcion: (*)"/>
								<rich:spacer width="10px" height="30px" />
								<rich:spacer width="10px" height="30px" />
								
								<rich:spacer width="10px" height="30px" />
								<rich:spacer width="10px" height="30px" />
								<h:inputTextarea style="width: 666px; height: 86px; " value="#{ticketAction.ticket.descripcionLarga}"/>
										
							</h:panelGrid>
							
						</rich:panelBarItem>
						
						<rich:panelBarItem label="Asignar Ticket (opcional)">
						<!--  -->	
							<h:outputText value="#{usuarioAction.recuperar_usuarios}" />
							
							<rich:dataTable id="tabla" rows="10" border="1"
								style="width: 100%; "
								value="#{usuarioAction.lista_analistas}"
								var="data" binding="#{usuarioAction.radioDataTable}"
								reRender="scTabla"
								onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
								onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
								<f:facet name="header">
									<rich:datascroller id="scTabla" for="tabla"
										selectedStyle="font-weight:bold" align="center" />
								</f:facet>
								
								<rich:column sortBy="#{data.idUsuario}" width="70px;">
									<f:facet name="header">
										<h:outputText value="Codigo" />
									</f:facet>
									<div align="left">
									<h:outputText value="#{data.idUsuario}" /></div>
								</rich:column>
								
								<rich:column sortBy="#{data.apellidoPaterno}" width="70px;">
								<f:facet name="header">
										<h:outputText value="Analista" />
									</f:facet>
									<div align="left">
									<h:outputText value="#{data.apellidoPaterno}" /></div>
								</rich:column>
								
								<rich:column sortBy="#{data.especialidad}" width="70px;">
									<f:facet name="header">
										<h:outputText value="Especialidad" />
									</f:facet>
									<div align="left">
									<h:outputText value="#{data.especialidad}" /></div>
								</rich:column>
								
								
								<rich:column sortBy="#{data.telefonoCelular}" width="70px;">
									<f:facet name="header">
										<h:outputText value="celular" />
									</f:facet>
									<div align="left">
									<h:outputText value="#{data.telefonoCelular}" /></div>
								</rich:column>
								
								<rich:column sortBy="#{data.carga}" width="70px;">
									<f:facet name="header">
										<h:outputText value="Carga" />
									</f:facet>
									<div align="left">
									<h:outputText value="#{data.carga}" /></div>
								</rich:column>
								
								<rich:column width="50px;">
									<f:facet name="header">
										<h:outputText value="Asignar" />
									</f:facet>
									<div align="center">									
									<h:selectBooleanCheckbox>            					
                    					<a4j:support event="onchange"
											action="#{usuarioAction.establecerElementoSeleccionado}"
											ajaxSingle="true" />		                     
                					</h:selectBooleanCheckbox>				
									</div>						
								</rich:column>
								
								<f:facet name="footer">
									<rich:columnGroup id="groupColumnResultadoEncontrado"
										styleClass="footerTable">
										<rich:column colspan="6">
											<h:panelGrid id="regEncon">
												<h:outputText id="txtRegEncon"
													value="footer"
													styleClass="footerTableText" />
											</h:panelGrid>
										</rich:column>
									</rich:columnGroup>
								</f:facet>
							</rich:dataTable>
								
						<!--  -->
						</rich:panelBarItem>
						
					</rich:panelBar>
					
					</f:view >
					
						
					</td>
			</tr>

			<tr>
				<td><rich:spacer width="10px" style="height: 22px; " /></td>
			</tr>

			<tr>
				<td align="center"><h:panelGrid columns="3"
						style="width:150px;">
						<h:commandButton value="Limpiar"
							style="height: 37px; width: 137px; " />
						<rich:spacer width="10px" height="30px" />
						<h:commandButton onComplete="limpiar()" value="Registrar" action="#{usuarioAction.registrar}"
							style="height: 37px; width: 137px; " />
					</h:panelGrid>
				</td>
			</tr>
		</table>
		<script>
			$('[id$="inNumeroTicket"]').val('');
		</script>
		</h:form >
	</ui:define>
</ui:composition>